.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox{
	display: flex;
}
.my_header{
       display: flex;
       justify-content: flex-end;
    .px2rem(height,60);
    .my_header_img{
        display: flex;
        .px2rem(height,60);
        .px2rem(width,60);
        border: 1px solid #ccc;
        background: #ccc;
        border-radius: 50%;
        justify-content: flex-end;
        .px2rem(line-height,60);
         align-items: center;
        img{
            margin: 0 auto;
            .px2rem(width,29);
            .px2rem(height,29);
               display: block;
               vertical-align: middle;
    }
    }
}
.my_msg{
        display: flex;
        .px2rem(margin-top,36);
        img{
            display: block;
            margin: 0 auto;
            .px2rem(height,140);
            .px2rem(width,140);
        }
}
.my_h1{
    display: flex;
    justify-content: center;
    .px2rem(margin-top,36);
    h1{
        .px2rem(font-size,26);
       
    }
    img{
        .px2rem(height,26);
       position: relative;
        .px2rem(left,58);
    }
}
.my_span{
    display: flex;
    justify-content: center;
    .px2rem(font-size,19);
    color: #c6c6c6;
    .px2rem(margin-top,26);
    span{
        .px2rem(padding-left,38); 
    }
}
.my_nav{
    display: flex;
    padding: 10%;
    ul{
        flex: 1;
        background: url(../img/nav_bg.png) no-repeat right;
        li{
            text-align: center;
            .px2rem(line-height,50);
            :nth-child(1){
                font-weight: bold;
            }
        }
    }
}
.my_xox{
    height: 32px;
    background: #f7f7f7;
}
.my_cont{
    .px2rem(height,200);
    display: flex;
    justify-content: space-around;align-items: center;text-align: center;
    dd{
        
        .px2rem(padding-top,24);
    }
    img{
        .px2rem(height,40);
        .px2rem(width,40);
    }
}
.my_logo{
    .px2rem(height,250);
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    dd{
        .px2rem(margin-top,60);
    }
    img{
        .px2rem(height,48);
        .px2rem(width,48);
    }
    p{
       .px2rem(margin-top,10);
    }
}
#my_dl{
    dt{
        .px2rem(margin-top,20);
    }
}
.index_showfooter{
	.px2rem(height, 100);
}
.index_footer{
	position:fixed;
	bottom:0;
	.px2rem(height, 100);
	border-top:1px solid #ccc;
	.flexbox;
	align-items: center;
	width: 100%;
	background: #fff;
	dl{
		flex:1;
		text-align:center;
		img{
			.px2rem(width,80);
			.px2rem(height,80);
		}
		dt img{
			display: block;
			margin: 0 auto;
			.px2rem(width,40);
			.px2rem(height,40);
		}
		dd{
			.px2rem(font-size,18);
			color: #4c4c4c;
			.px2rem(line-height,38);
		}
		dd.footer_on{
			color: #202020;
		}
	}
}




































































